<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>qq音乐</title>
    <script src="./js/swiper-bundle.min.js"></script>
    <link rel="shortcut icon" href="./upload/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./Font/font_3656460_y0s4xhmoak/iconfont.css">
    <link rel="stylesheet" href="./css/My_music.css">
    <link rel="stylesheet" href="./css/login.css">
    <link rel="stylesheet" href="./css/disembark_index.css">
    <!-- 首页的字体图标 -->
    <link rel="stylesheet" href="./Font/font/iconfont.css">
    <link rel="stylesheet" href="./css/swiper-bundle.min.css">
    <!-- 开通vip支付css -->
    <link rel="stylesheet" href="./css/vipopen.css">
</head>

<body>
    <div class="app">
        <!-- 头部 -->
        <header>
            <div class="width">
                <!-- logo -->
                <h1 class="logo">
                    <a href="#">
                        <img class="qqMusic_logo" src="./images/logo.png" alt="">
                    </a>
                </h1>
                <!-- 音乐馆导航栏 -->
                <ul class="header_top_nav">
                    <li class="top_nav_item">
                        <a class=" top_nav_link su bgGreen" href="#" data-id="0">音乐馆</a>
                    </li>
                    <li class="top_nav_item">
                        <a class="top_nav_link" href="./Mymusic.html" data-id="1">我的音乐</a>
                    </li>
                    <li class="top_nav_item">
                        <a class="top_nav_link" href="./chanpin.html">客户端</a>
                        <img class="vip_tq" src="./images/vip_tq.png" alt="">
                    </li>
                    <li class="top_nav_item">
                        <a class="top_nav_link" href="#">开放平台</a>
                    </li>
                    <li class="top_nav_item">
                        <a class="top_nav_link" href="./vip-index.html">VIP</a>
                    </li>
                </ul>
                <!-- 首页导航栏 -->
                <ul class="header_top_subnav clearflex">
                    <li class="top_subnav__item">
                        <a href="#" class="top_subnav__link green">首页</a>
                    </li>
                    <li class="top_subnav__item">
                        <a href="#" class="top_subnav__link">歌手</a>
                    </li>
                    <li class="top_subnav__item">
                        <a href="#" class="top_subnav__link">新碟</a>
                    </li>
                    <li class="top_subnav__item">
                        <a href="#" class="top_subnav__link">排行榜</a>
                    </li>
                    <li class="top_subnav__item">
                        <a href="#" class="top_subnav__link">分类歌单</a>
                    </li>
                    <li class="top_subnav__item">
                        <a href="#" class="top_subnav__link">电台</a>
                    </li>
                    <li class="top_subnav__item">
                        <a href="#" class="top_subnav__link">MV</a>
                    </li>
                    <li class="top_subnav__item">
                        <a href="#" class="top_subnav__link">数字专辑</a>
                    </li>
                </ul>

                <!-- 搜索框 -->
                <div class="header_top_search">
                    <div class="search_input">
                        <input class="search_input_input" placeholder="搜索音乐、MV、歌单、用户" type="text">
                        <button class="search_input_btn">
                            <i class="icon_search sprite iconfont icon-sousuo"></i>
                        </button>
                    </div>
                    <!-- 表单下列的下拉框 -->
                    <div class="search_input_other">
                        <dl class="search_input_other_list">
                            <dt>
                                <span>历史记录</span>
                                <span class="iconfont icon-shanchu " id="shanchu"></span>
                            </dt>
                            <dd class="dd_item">

                            </dd>
                        </dl>

                    </div>
                </div>


                <!-- 登录开通vip模块 -->
                <div class="header__opt">
                    <div class="header_top_login">
                        <span class="login_btn"><a href="#" class="top_login__link "><span
                                    class="span_login">登录</span></a></span>
                        <!-- <a href="#" class="userImg top_login__link">
                            <img src="./images/smqq.png" class="smqq" alt="">
                        </a> -->
                        <div class="mod_select mod_select_op">
                            <a class="select__choose select__choose_vip bgGreen" href="#">开通VIP</a>
                            <div class="ffb">
                                <a class="select__choose select__choose_lvzuan white" href="#">开通绿钻豪华版</a>
                                <a class="select__choose white" href="#">开通付费包</a>
                            </div>
                        </div>

                        <!-- 充值模块 -->
                        <div class="mod_select mod_select_cz">
                            <a class="select__choose_vip chongzhi select__choose" href="#">充值</a>
                            <!-- 购买乐币 -->
                            <div class="sell">
                                <a class="select__choose" href="#">购买乐币</a>
                                <a class="select__choose" href="#">充值饭票</a>
                            </div>
                        </div>
                    </div>
                    <!-- 用户详情 -->
                    <div class="userMore">
                        <!-- 用户头像 -->
                        <div class="userDetail">
                            <div class="userDetail_img"> <img src="./images/smqq.png" alt=""></div>
                            <div class="userDetail_title"></div><br>
                            <div class="vip_box">
                                <img class="d_vip1" src="./images/d-vip1.png" alt="">
                                <img class="d_vip1" src="./images/d-vip1.png" alt="">
                            </div>
                            <!-- 豪华绿钻 -->
                            <div class="userDetail_item">
                                <div class="userDetail_item_title">
                                    <h3>豪华绿钻版</h3>
                                    <span>开通立即赠送付费音乐包</span>
                                </div>
                                <button class="kaitong">开通</button>
                            </div>
                            <div class="userDetail_item">
                                <div class="userDetail_item_title">
                                    <h3>付费音乐包</h3>
                                    <span>畅享千万包月曲库</span>
                                </div>
                                <button class="kaitong">开通</button>
                            </div>
                            <div class="userDetail_t">评论通知</div>
                            <div class="userDetail_t breakLogin">退出登录</div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 登录账号模块 -->
            <div class="login_box">
                <div class="login_nav">
                    <div class="login_cha">X</div>
                    <!-- 登录切换 -->
                    <div class="nav_tab">
                        <a class="active" data-id="0" href="#">QQ登录</a>
                        <a data-id="1" href="#">微信登录</a>
                    </div>
                    <!-- 切换内容部分 -->
                    <div class="nav_content">
                        <!-- qq登录 -->
                        <div class="nav_login active">
                            <!-- 用户名密码登录 -->
                            <div class="login_uname">
                                <h1>密码登录</h1>
                                <p>推荐使用<a href="#">快捷登录</a>，防止盗号。</p>
                                <input class="uname" type="text" name="uname" placeholder="支持qq号/手机/邮箱登录"><span></span>
                                <input class="pwd" type="password" name="pwd" placeholder="请输入密码"><span></span>
                                <button class="qq_btn">登 录</button>
                                <!-- 底部链接 -->
                                <div class="footbtn">
                                    <a href="#">找回密码</a>
                                    <a href="./register.html">注册账号</a>
                                    <a href="#">意见反馈</a>
                                </div>
                            </div>
                            <!-- qq登录 --- 扫码登录 -->
                            <div class="login_erweima" style="display: none;">
                                <h1>扫码登录</h1>
                                <p>使用QQ手机版扫码登录，或点击头像授权登录。</p>
                                <img src="./images/qq_login.png" alt="">
                                <!-- 底部链接 -->
                                <div class="footbtn">
                                    <a class="ln" href="#">用户登录</a>
                                    <a href="./register2.html">注册账号</a>
                                    <a href="#">意见反馈</a>
                                </div>
                            </div>
                            <!-- 右侧部分 -->
                            <div class="login_agree">
                                <p> <a href="#">QQ音乐</a> 将获取以下权限：</p>
                                <ul>
                                    <li>
                                        <input type="checkbox" name="全选" id="all" checked="">
                                        <label class="all" for="all">
                                            <img src="./images/checkbox-unchecked.png" alt="">
                                            &nbsp;全选
                                        </label>
                                    </li>
                                    <li>
                                        <input type="checkbox" name="头像" id="head" disabled>
                                        <label class="head" for="head">
                                            <img src="./images/checkbox-checked-disabled.webp" alt="">
                                            &nbsp;使用你的QQ头像、昵称信息
                                        </label>
                                    </li>
                                    <li>
                                        <input type="checkbox" name="好友" id="friend" checked="">
                                        <label class="friend" for="friend">
                                            <img src="./images/checkbox-unchecked.png" alt="">
                                            &nbsp;你的QQ好友关系
                                        </label>
                                    </li>
                                </ul>
                                <p>授权即同意<a href="#">服务协议</a>和<a href="#">QQ隐私保护指引</a></p>
                            </div>
                        </div>

                        <!-- 微信登录 -->
                        <div class="nav_login">
                            <!-- 二维码 -->
                            <div class="wx_img">
                                <img src="./images/wx_erweima.jpg" alt="">
                            </div>
                            <!-- 提示信息 -->
                            <div class="wx_title">请使用微信扫描二维码登录“QQ音乐</div>
                            <div class="wx_title2">QQ与微信账号的音乐资产、付费特权不互通</div>
                        </div>
                        <!-- 下载客户端按钮 -->
                        <a class="wx_btn" href="#">下载客户端 体验更多内容</a>
                    </div>
                </div>
            </div>
        </header>
        <!-- 开通VIP -->
        <div class="vip_box_money">
            <!-- 头部标题 -->
            <div class="vip_header">
                <img src="./images/vip_pic.webp" alt="">
                <span>豪华绿钻</span>
                <input type="checkbox" name="head" id="head">&nbsp;&nbsp;
                <label class="head" for="head"></label>
                同意<a href="#">《服务条款》</a>
                <i class="vip_header_close">x</i>
            </div>
            <!-- VIP充值类型 -->
            <div class="vip_type">
                <h3>开通账号： <span class="userName">巴黎铁塔下的纸飞机</span>(用户昵称)</h3>
                <div class="vip_type_money">
                    <!-- 充值类型 -->
                    <div class="money_item type1 active">
                        <div class="spec">
                            <p><span>45</span>元</p>
                            <p>15元/月</p>
                        </div>
                        <p>3个月</p>
                        <i class="active"></i>
                    </div>
                    <div class="money_item type2">
                        <div class="spec">
                            <p><span>90</span>元</p>
                            <p>15元/月</p>
                        </div>
                        <p>6个月</p>
                        <i></i>
                    </div>
                    <div class="money_item type3">
                        <div class="spec">
                            <p><span>168</span>元</p>
                            <p>14元/月</p>
                        </div>
                        <p>12个月</p>
                        <i></i>
                    </div>
                    <div class="money_item type4">
                        <div class="spec">
                            <p><span>15</span>元</p>
                            <p>15元/月</p>
                        </div>
                        <div class="custom">
                            <div class="btn_sub">
                                <span class="btn_img"></span>
                            </div>
                            <div class="month"><span>1</span>个月</div>
                            <div class="btn_add">
                                <div class="btn_img"></div>
                            </div>
                        </div>
                        <i></i>
                    </div>
                </div>
            </div>
            <!-- 支付方式 -->
            <div class="vip_pay">
                <h3>支付方式：</h3>
                <div class="vip_pay_type">
                    <div class="paytype qqpay active">qq支付<i class="active"></i></div>
                    <div class="paytype wxpay">微信支付<i></i></div>
                </div>
                <!-- 支付二维码 -->
                <div class="vip_pay_pic">
                    <p><span>手机qq</span>扫码，支付<i>45</i>元</p>
                    <div class="pay_img">
                        <img src="./images/wx_erweima.jpg" alt="">
                    </div>
                </div>
            </div>
            <!-- 遮罩层 -->
            <div class="vip_content"></div>
        </div>
        <script src="./js/vipopen.js"></script>
        <!-- 首页 -->
        <div class="content" data-id="0">
            <!-- 歌单推荐区域开始 -->
            <div class="mod_index clearflex">
                <div class="box width">
                    <div class="section_inner">
                        <div class="index_hd">
                            <h2><i></i></h2>
                        </div>
                        <div class="mod_index_tab width">
                            <a href="#" class="subnav_color">为你推荐</a>
                            <a href="#">伤感</a>
                            <a href="#">宣泄</a>
                            <a href="#">电子</a>
                            <a href="#">00年代</a>
                            <a href="#">情歌</a>
                        </div>
                    </div>
                </div>
                <div class="swiper mySwiper">
                    <div class="swiper-wrapper clearflex">
                        <div class="swiper-slide width">
                            <ul class="mod_index_ul clearflex">
                                <li class="mod_index_li">
                                    <div class="playlist_item_box">
                                        <div class="playlist_cover mod_slide">
                                            <a href="./min_index.html" class="playlist_link">
                                                <img src="./images/index_ (1).jpg" alt="">
                                                <i class="mod_cover_mask"></i>
                                                <i class="mod_cover_icon_play"></i>
                                            </a>
                                        </div>
                                        <h4 class="playlist_title">
                                            <span class="playlist_title_text">
                                                <a href="#" class="playlist_link">《世界杯BGM，你来定》</a>
                                            </span>
                                        </h4>
                                        <div class="playlist_other">播放量：55.6万</div>
                                    </div>
                                </li>
                                <li class="mod_index_li">
                                    <div class="playlist_item_box">
                                        <div class="playlist_cover mod_slide">
                                            <a href="#" class="playlist_link">
                                                <img src="./images/index_ (2).jpg" alt="">
                                                <i class="mod_cover_mask"></i>
                                                <i class="mod_cover_icon_play"></i>
                                            </a>
                                        </div>
                                        <h4 class="playlist_title">
                                            <span class="playlist_title_text">
                                                <a href="#" class="playlist_link">老歌最有味:旧情绵绵再听亦是泪</a>
                                            </span>
                                        </h4>
                                        <div class="playlist_other">播放量：2535.9万</div>
                                    </div>
                                </li>
                                <li class="mod_index_li">
                                    <div class="playlist_item_box">
                                        <div class="playlist_cover mod_slide">
                                            <a href="#" class="playlist_link">
                                                <img src="./images/index_ (3).jpg" alt="">
                                                <i class="mod_cover_mask"></i>
                                                <i class="mod_cover_icon_play"></i>
                                            </a>
                                        </div>
                                        <h4 class="playlist_title">
                                            <span class="playlist_title_text">
                                                <a href="#" class="playlist_link">0.8慢速降调，想不远的人</a>
                                            </span>
                                        </h4>
                                        <div class="playlist_other">播放量：1471.4万</div>
                                    </div>
                                </li>
                                <li class="mod_index_li">
                                    <div class="playlist_item_box">
                                        <div class="playlist_cover mod_slide">
                                            <a href="#" class="playlist_link">
                                                <img src="./images/index_ (4).jpg" alt="">
                                                <i class="mod_cover_mask"></i>
                                                <i class="mod_cover_icon_play"></i>
                                            </a>
                                        </div>
                                        <h4 class="playlist_title">
                                            <span class="playlist_title_text">
                                                <a href="#" class="playlist_link">70.80.90的回忆*经典老歌500首</a>
                                            </span>
                                        </h4>
                                        <div class="playlist_other">播放量：55.6万</div>
                                    </div>
                                </li>
                                <li class="mod_index_li">
                                    <div class="playlist_item_box">
                                        <div class="playlist_cover mod_slide">
                                            <a href="#" class="playlist_link">
                                                <img src="./images/index_ (5).jpg" alt="">
                                                <i class="mod_cover_mask"></i>
                                                <i class="mod_cover_icon_play"></i>
                                            </a>
                                        </div>
                                        <h4 class="playlist_title">
                                            <span class="playlist_title_text">
                                                <a href="#" class="playlist_link">音综封神现场:顶级编唱震撼人心</a>
                                            </span>
                                        </h4>
                                        <div class="playlist_other">播放量：2036.2万</div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="swiper-button-next" id="fr"></div>
                    <div class="swiper-button-prev" id="fl"></div>
                    <div class="swiper-pagination" id="pag"></div>
                </div>
            </div>
            <!-- 歌单推荐区域结束 -->
            <!-- 新歌首发区域开始 -->
            <div class="section_inner clearflex">
                <div class="section_inner_hd width">
                    <div class="index_hd mod_index_hd1">
                        <h2><i></i></h2>
                    </div>
                    <a class="btn"><i class="iconfont icon-24gl-play
                "></i>播放全部</a>
                    <div class="mod_index_tab">
                        <a href="#" class="subnav_color">最新</a>
                        <a href="#">内地</a>
                        <a href="#">港台</a>
                        <a href="#">欧美</a>
                        <a href="#">韩国</a>
                        <a href="#">日本</a>
                    </div>

                </div>
                <div class="swiper mySwiper">
                    <div class="swiper-wrapper clearflex">
                        <div class="swiper-slide">
                            <div class="mod_debutlist">
                                <ul class="debutlist_list width">
                                    <li class="debutlist_item">
                                        <div class="debutlist_item_box">
                                            <a href="#" class="debutlist__link">
                                                <img src="./images/index_ (24).jpg" alt="">
                                                <i class="mod_cover_mask"></i>
                                                <i class="mod_cover_icon_play"></i>
                                            </a>
                                            <div class="debutlist__cont">
                                                <h3 class="debutlist__song">
                                                    <a href="#">没有理由</a>
                                                </h3>
                                                <p class="debutlist__author">
                                                    <a href="" class="debutlist_a">金润吉</a>
                                                </p>
                                            </div>
                                            <div class="debutlist__time">04:06</div>
                                        </div>
                                    </li>
                                    <li class="debutlist_item">
                                        <div class="debutlist_item_box">
                                            <a href="#" class="debutlist__link">
                                                <img src="./images/index_ (25).jpg" alt="">
                                                <i class="mod_cover_mask"></i>
                                                <i class="mod_cover_icon_play"></i>
                                            </a>
                                            <div class="debutlist__cont">
                                                <h3 class="debutlist__song">
                                                    <a href="#">Bus</a>
                                                </h3>
                                                <p class="debutlist__author">
                                                    <a href="" class="debutlist_a">郑叡仁 (Yein)</a>
                                                </p>
                                            </div>
                                            <div class="debutlist__time">03:35</div>
                                        </div>
                                    </li>
                                    <li class="debutlist_item">
                                        <div class="debutlist_item_box">
                                            <a href="#" class="debutlist__link">
                                                <img src="./images/index_ (26).jpg" alt="">
                                                <i class="mod_cover_mask"></i>
                                                <i class="mod_cover_icon_play"></i>
                                            </a>
                                            <div class="debutlist__cont">
                                                <h3 class="debutlist__song">
                                                    <a href="#">《冰火魔厨2》动画主题曲</a>
                                                </h3>
                                                <p class="debutlist__author">
                                                    <a href="" class="debutlist_a">金志文</a>
                                                </p>
                                            </div>
                                            <div class="debutlist__time">03:53</div>
                                        </div>
                                    </li>
                                    <li class="debutlist_item">
                                        <div class="debutlist_item_box">
                                            <a href="#" class="debutlist__link">
                                                <img src="./images/index_ (41).jpg" alt="">
                                                <i class="mod_cover_mask"></i>
                                                <i class="mod_cover_icon_play"></i>
                                            </a>
                                            <div class="debutlist__cont">
                                                <h3 class="debutlist__song">
                                                    <a href="#">玫瑰花香</a>
                                                </h3>
                                                <p class="debutlist__author">
                                                    <a href="" class="debutlist_a">彭佳慧</a>
                                                </p>
                                            </div>
                                            <div class="debutlist__time">03:39</div>
                                        </div>
                                    </li>
                                    <li class="debutlist_item">
                                        <div class="debutlist_item_box">
                                            <a href="#" class="debutlist__link">
                                                <img src="./images/index_ (42).jpg" alt="">
                                                <i class="mod_cover_mask"></i>
                                                <i class="mod_cover_icon_play"></i>
                                            </a>
                                            <div class="debutlist__cont">
                                                <h3 class="debutlist__song">
                                                    <a href="#">失恋Radio</a>
                                                </h3>
                                                <p class="debutlist__author">
                                                    <a href="" class="debutlist_a">MAREA</a>
                                                </p>
                                            </div>
                                            <div class="debutlist__time">02:57</div>
                                        </div>
                                    </li>
                                    <li class="debutlist_item">
                                        <div class="debutlist_item_box">
                                            <a href="#" class="debutlist__link">
                                                <img src="./images/index_ (43).jpg" alt="">
                                                <i class="mod_cover_mask"></i>
                                                <i class="mod_cover_icon_play"></i>
                                            </a>
                                            <div class="debutlist__cont">
                                                <h3 class="debutlist__song">
                                                    <a href="#">读懂的你</a>
                                                </h3>
                                                <p class="debutlist__author">
                                                    <a href="" class="debutlist_a">赵珂</a>
                                                </p>
                                            </div>
                                            <div class="debutlist__time">03:45</div>
                                        </div>
                                    </li>
                                    <li class="debutlist_item">
                                        <div class="debutlist_item_box">
                                            <a href="#" class="debutlist__link">
                                                <img src="./images/index_ (45).jpg" alt="">
                                                <i class="mod_cover_mask"></i>
                                                <i class="mod_cover_icon_play"></i>
                                            </a>
                                            <div class="debutlist__cont">
                                                <h3 class="debutlist__song">
                                                    <a href="#">Paper Crown</a>
                                                </h3>
                                                <p class="debutlist__author">
                                                    <a href="" class="debutlist_a">Alec Benjamin</a>
                                                </p>
                                            </div>
                                            <div class="debutlist__time">03:12</div>
                                        </div>
                                    </li>
                                    <li class="debutlist_item">
                                        <div class="debutlist_item_box">
                                            <a href="#" class="debutlist__link">
                                                <img src="./images/index_ (47).jpg" alt="">
                                                <i class="mod_cover_mask"></i>
                                                <i class="mod_cover_icon_play"></i>
                                            </a>
                                            <div class="debutlist__cont">
                                                <h3 class="debutlist__song">
                                                    <a href="#">孩子气</a>
                                                </h3>
                                                <p class="debutlist__author">
                                                    <a href="" class="debutlist_a">赵辰龙 (Dragon X)</a>/<a
                                                        class="debutlist_a">尼成</a>
                                                </p>
                                            </div>
                                            <div class="debutlist__time">03:22</div>
                                        </div>
                                    </li>
                                    <li class="debutlist_item">
                                        <div class="debutlist_item_box">
                                            <a href="#" class="debutlist__link">
                                                <img src="./images/index_ (44).jpg" alt="">
                                                <i class="mod_cover_mask"></i>
                                                <i class="mod_cover_icon_play"></i>
                                            </a>
                                            <div class="debutlist__cont">
                                                <h3 class="debutlist__song">
                                                    <a href="#">去追那束光</a>
                                                    <span>《征途》电影主题曲</span>
                                                </h3>
                                                <p class="debutlist__author">
                                                    <a href="" class="debutlist_a">Alec Benjamin</a>
                                                </p>
                                            </div>
                                            <div class="debutlist__time">03:12</div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-button-next" id="fr"></div>
                    <div class="swiper-button-prev" id="fl"></div>
                    <div class="swiper-pagination" id="pag"></div>
                </div>

            </div>
            <!-- 新歌首发区域结束 -->
            <!-- 精彩推荐区域开始 -->
            <div class="section_inner clearflex">
                <div class="section_inner_hd width">
                    <div class="index_hd mod_index_hd2">
                        <h2><i></i></h2>
                    </div>
                </div>

                <div class="swiper mySwiper">
                    <div class="swiper-wrapper clearflex">
                        <div class="swiper-slide">
                            <div class="mod_debutlist">

                                <ul class="event_list">
                                    <li class="event_list__item">
                                        <a href="#" class="event_list__link">
                                            <img class="event_list__pic" src="./images/index_ (46).jpg" alt="">
                                        </a>
                                    </li>
                                    <li class="event_list__item">
                                        <a href="#" class="event_list__link">
                                            <img class="event_list__pic" src="./images/index_ (48).jpg" alt="">
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-button-next" id="fr"></div>
                    <div class="swiper-button-prev" id="fl"></div>
                    <div class="swiper-pagination" id="pag"></div>
                </div>
            </div>
            <!-- 精彩推荐区域结束 -->
            <!-- 新碟首发区域开始 -->
            <div class="section_inner clearflex">
                <div class="section_inner_hd width">
                    <div class="index_hd mod_index_hd3">
                        <h2><i></i></h2>
                    </div>
                    <div class="mod_index_tab">
                        <a href="#" class="subnav_color">最新</a>
                        <a href="#">内地</a>
                        <a href="#">港台</a>
                        <a href="#">欧美</a>
                        <a href="#">韩国</a>
                        <a href="#">日本</a>
                    </div>
                </div>

                <div class="swiper mySwiper">
                    <div class="swiper-wrapper clearflex">
                        <div class="swiper-slide">
                            <div class="mod_debutlist">
                                <div class="slide__list width">
                                    <ul class="playlist__list">
                                        <li class="playlist__item">
                                            <div class="playlist__item_box">
                                                <div class="playlist__cover">
                                                    <a href="#" class="js_album">
                                                        <img class="playlist__pic" src="./images/index_ (49).jpg"
                                                            alt="">
                                                        <i class="mod_cover_mask"></i>
                                                        <i class="mod_cover_icon_play"></i>
                                                    </a>
                                                </div>
                                                <h4 class="playlist__title">
                                                    <span class="playlist__title_txt"><a href="#">入了我的心丢了我的魂
                                                            (粤语版)</a></span>
                                                </h4>
                                                <div class="playlist__author"><a href="#">罗诗慧</a>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="playlist__item">
                                            <div class="playlist__item_box">
                                                <div class="playlist__cover">
                                                    <a href="#" class="js_album">
                                                        <img class="playlist__pic" src="./images/index_ (50).jpg"
                                                            alt="">
                                                        <i class="mod_cover_mask"></i>
                                                        <i class="mod_cover_icon_play"></i>
                                                    </a>
                                                </div>
                                                <h4 class="playlist__title">
                                                    <span class="playlist__title_txt"><a href="#">入了我的心丢了我的魂</a></span>
                                                </h4>
                                                <div class="playlist__author"><a href="#">沈末</a>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="playlist__item">
                                            <div class="playlist__item_box">
                                                <div class="playlist__cover">
                                                    <a href="#" class="js_album">
                                                        <img class="playlist__pic" src="./images/index_ (51).jpg"
                                                            alt="">
                                                        <i class="mod_cover_mask"></i>
                                                        <i class="mod_cover_icon_play"></i>
                                                    </a>
                                                </div>
                                                <h4 class="playlist__title">
                                                    <span class="playlist__title_txt"><a href="#">入了我的心丢了我的魂</a></span>
                                                </h4>
                                                <div class="playlist__author"><a href="#">潘倩倩</a>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="playlist__item">
                                            <div class="playlist__item_box">
                                                <div class="playlist__cover">
                                                    <a href="#" class="js_album">
                                                        <img class="playlist__pic" src="./images/index_ (42).jpg"
                                                            alt="">
                                                        <i class="mod_cover_mask"></i>
                                                        <i class="mod_cover_icon_play"></i>
                                                    </a>
                                                </div>
                                                <h4 class="playlist__title">
                                                    <span class="playlist__title_txt"><a href="#">午夜伤心电台</a></span>
                                                </h4>
                                                <div class="playlist__author"><a href="#">MAREA</a>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="playlist__item">
                                            <div class="playlist__item_box">
                                                <div class="playlist__cover">
                                                    <a href="#" class="js_album">
                                                        <img class="playlist__pic" src="./images/index_ (52).jpg"
                                                            alt="">
                                                        <i class="mod_cover_mask"></i>
                                                        <i class="mod_cover_icon_play"></i>
                                                    </a>
                                                </div>
                                                <h4 class="playlist__title">
                                                    <span class="playlist__title_txt"><a href="#">相遇太难</a></span>
                                                </h4>
                                                <div class="playlist__author"><a href="#">苏星婕</a>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="playlist__item">
                                            <div class="playlist__item_box">
                                                <div class="playlist__cover">
                                                    <a href="#" class="js_album">
                                                        <img class="playlist__pic" src="./images/index_ (53).jpg"
                                                            alt="">
                                                        <i class="mod_cover_mask"></i>
                                                        <i class="mod_cover_icon_play"></i>
                                                    </a>
                                                </div>
                                                <h4 class="playlist__title">
                                                    <span class="playlist__title_txt"><a href="#">断桥涯</a></span>
                                                </h4>
                                                <div class="playlist__author"><a href="#">蒋雪儿</a>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="playlist__item">
                                            <div class="playlist__item_box">
                                                <div class="playlist__cover">
                                                    <a href="#" class="js_album">
                                                        <img class="playlist__pic" src="./images/index_ (54).jpg"
                                                            alt="">
                                                        <i class="mod_cover_mask"></i>
                                                        <i class="mod_cover_icon_play"></i>
                                                    </a>
                                                </div>
                                                <h4 class="playlist__title">
                                                    <span class="playlist__title_txt"><a href="#">错把停泊当靠岸</a></span>
                                                </h4>
                                                <div class="playlist__author"><a href="#">尹昔眠</a>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="playlist__item">
                                            <div class="playlist__item_box">
                                                <div class="playlist__cover">
                                                    <a href="#" class="js_album">
                                                        <img class="playlist__pic" src="./images/index_ (55).jpg"
                                                            alt="">
                                                        <i class="mod_cover_mask"></i>
                                                        <i class="mod_cover_icon_play"></i>
                                                    </a>
                                                </div>
                                                <h4 class="playlist__title">
                                                    <span class="playlist__title_txt"><a href="#">Faster (快点)</a></span>
                                                </h4>
                                                <div class="playlist__author"><a href="#">何美延</a>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="playlist__item">
                                            <div class="playlist__item_box">
                                                <div class="playlist__cover">
                                                    <a href="#" class="js_album">
                                                        <img class="playlist__pic" src="./images/index_ (56).jpg"
                                                            alt="">
                                                        <i class="mod_cover_mask"></i>
                                                        <i class="mod_cover_icon_play"></i>
                                                    </a>
                                                </div>
                                                <h4 class="playlist__title">
                                                    <span class="playlist__title_txt"><a href="#">你会离开我吗</a></span>
                                                </h4>
                                                <div class="playlist__author"><a href="#">李淼淼</a>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="playlist__item">
                                            <div class="playlist__item_box">
                                                <div class="playlist__cover">
                                                    <a href="#" class="js_album">
                                                        <img class="playlist__pic" src="./images/index_ (40).jpg"
                                                            alt="">
                                                        <i class="mod_cover_mask"></i>
                                                        <i class="mod_cover_icon_play"></i>
                                                    </a>
                                                </div>
                                                <h4 class="playlist__title">
                                                    <span class="playlist__title_txt"><a href="#">作怪</a></span>
                                                </h4>
                                                <div class="playlist__author"><a href="#">李子昂</a>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-button-next" id="fr"></div>
                    <div class="swiper-button-prev" id="fl"></div>
                    <div class="swiper-pagination" id="pag"></div>
                </div>
            </div>
            <div class="clear"></div>
            <!-- 新碟首发区域结束 -->
            <!-- 排行榜区域开始 -->
            <div class="section_inner">
                <div class="section_inner_hd width clearflex">
                    <div class="index_hd mod_index_hd4">
                        <h2><i></i></h2>
                        <a href="#">更多<i class="iconfont icon-zhankai"></i></a>
                    </div>
                    <ul class="toplist_ul">
                        <li class="toplist_li">
                            <div class="toplist_box">
                                <div class="toplist_bg"></div>
                                <i class="toplist_icon"></i>
                                <i class="toplist_cover_icon"></i>
                            </div>
                            <h3>
                                <a href="#">热歌</a>
                            </h3>
                            <ul class="toplist_songlist">
                                <li class="toplist_song">
                                    <div class="toplist_num">1</div>
                                    <div class="toplist_songname">
                                        <a href="#">Letting Go</a>
                                    </div>
                                    <div class="toplist_artist">
                                        <a href="#">蔡健雅</a>
                                    </div>
                                </li>
                                <li class="toplist_song">
                                    <div class="toplist_num">1</div>
                                    <div class="toplist_songname">
                                        <a href="#">Letting Go</a>
                                    </div>
                                    <div class="toplist_artist">
                                        <a href="#">蔡健雅</a>
                                    </div>
                                </li>
                                <li class="toplist_song">
                                    <div class="toplist_num">1</div>
                                    <div class="toplist_songname">
                                        <a href="#">Letting Go</a>
                                    </div>
                                    <div class="toplist_artist">
                                        <a href="#">蔡健雅</a>
                                    </div>
                                </li>
                            </ul>
                        </li>
                        <li class="toplist_li">
                            <div class="toplist_box">
                                <div class="toplist_bg1"></div>
                                <i class="toplist_icon"></i>
                                <i class="toplist_cover_icon"></i>
                            </div>
                            <h3>
                                <a href="#">热歌</a>
                            </h3>
                            <ul class="toplist_songlist">
                                <li class="toplist_song">
                                    <div class="toplist_num">1</div>
                                    <div class="toplist_songname">
                                        <a href="#">Letting Go</a>
                                    </div>
                                    <div class="toplist_artist">
                                        <a href="#">蔡健雅</a>
                                    </div>
                                </li>
                                <li class="toplist_song">
                                    <div class="toplist_num">1</div>
                                    <div class="toplist_songname">
                                        <a href="#">Letting Go</a>
                                    </div>
                                    <div class="toplist_artist">
                                        <a href="#">蔡健雅</a>
                                    </div>
                                </li>
                                <li class="toplist_song">
                                    <div class="toplist_num">1</div>
                                    <div class="toplist_songname">
                                        <a href="#">Letting Go</a>
                                    </div>
                                    <div class="toplist_artist">
                                        <a href="#">蔡健雅</a>
                                    </div>
                                </li>
                            </ul>
                        </li>
                        <li class="toplist_li">
                            <div class="toplist_box">
                                <div class="toplist_bg2"></div>
                                <i class="toplist_icon"></i>
                                <i class="toplist_cover_icon"></i>
                            </div>
                            <h3>
                                <a href="#">热歌</a>
                            </h3>
                            <ul class="toplist_songlist">
                                <li class="toplist_song">
                                    <div class="toplist_num">1</div>
                                    <div class="toplist_songname">
                                        <a href="#">Letting Go</a>
                                    </div>
                                    <div class="toplist_artist">
                                        <a href="#">蔡健雅</a>
                                    </div>
                                </li>
                                <li class="toplist_song">
                                    <div class="toplist_num">1</div>
                                    <div class="toplist_songname">
                                        <a href="#">Letting Go</a>
                                    </div>
                                    <div class="toplist_artist">
                                        <a href="#">蔡健雅</a>
                                    </div>
                                </li>
                                <li class="toplist_song">
                                    <div class="toplist_num">1</div>
                                    <div class="toplist_songname">
                                        <a href="#">Letting Go</a>
                                    </div>
                                    <div class="toplist_artist">
                                        <a href="#">蔡健雅</a>
                                    </div>
                                </li>
                            </ul>
                        </li>
                        <li class="toplist_li">
                            <div class="toplist_box">
                                <div class="toplist_bg3"></div>
                                <i class="toplist_icon"></i>
                                <i class="toplist_cover_icon"></i>
                            </div>
                            <h3>
                                <a href="#">热歌</a>
                            </h3>
                            <ul class="toplist_songlist">
                                <li class="toplist_song">
                                    <div class="toplist_num">1</div>
                                    <div class="toplist_songname">
                                        <a href="#">Letting Go</a>
                                    </div>
                                    <div class="toplist_artist">
                                        <a href="#">蔡健雅</a>
                                    </div>
                                </li>
                                <li class="toplist_song">
                                    <div class="toplist_num">1</div>
                                    <div class="toplist_songname">
                                        <a href="#">Letting Go</a>
                                    </div>
                                    <div class="toplist_artist">
                                        <a href="#">蔡健雅</a>
                                    </div>
                                </li>
                                <li class="toplist_song">
                                    <div class="toplist_num">1</div>
                                    <div class="toplist_songname">
                                        <a href="#">Letting Go</a>
                                    </div>
                                    <div class="toplist_artist">
                                        <a href="#">蔡健雅</a>
                                    </div>
                                </li>
                            </ul>
                        </li>
                        <li class="toplist_li">
                            <div class="toplist_box">
                                <div class="toplist_bg4"></div>
                                <i class="toplist_icon"></i>
                                <i class="toplist_cover_icon"></i>
                            </div>
                            <h3>
                                <a href="#">热歌</a>
                            </h3>
                            <ul class="toplist_songlist">
                                <li class="toplist_song">
                                    <div class="toplist_num">1</div>
                                    <div class="toplist_songname">
                                        <a href="#">Letting Go</a>
                                    </div>
                                    <div class="toplist_artist">
                                        <a href="#">蔡健雅</a>
                                    </div>
                                </li>
                                <li class="toplist_song">
                                    <div class="toplist_num">1</div>
                                    <div class="toplist_songname">
                                        <a href="#">Letting Go</a>
                                    </div>
                                    <div class="toplist_artist">
                                        <a href="#">蔡健雅</a>
                                    </div>
                                </li>
                                <li class="toplist_song">
                                    <div class="toplist_num">1</div>
                                    <div class="toplist_songname">
                                        <a href="#">Letting Go</a>
                                    </div>
                                    <div class="toplist_artist">
                                        <a href="#">蔡健雅</a>
                                    </div>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 排行榜区域结束 -->
            <!-- MV区域开始 -->
            <div class="section_inner clearflex">
                <div class="section_inner_hd width">
                    <div class="index_hd mod_index_hd5">
                        <h2></h2>
                    </div>
                    <div class="mod_index_tab">
                        <a href="#" class="subnav_color">精选</a>
                        <a href="#">内地</a>
                        <a href="#">港台</a>
                        <a href="#">欧美</a>
                        <a href="#">韩国</a>
                        <a href="#">日本</a>
                        <a href="#" class="fr">更多<i class="iconfont icon-zhankai"></i></a>
                    </div>
                </div>

                <div class="swiper mySwiper">
                    <div class="swiper-wrapper clearflex">
                        <div class="swiper-slide">
                            <div class="mod_debutlist width">
                                <div class="slide__list">
                                    <div class="mv">
                                        <ul class="mv_ul">
                                            <li class="mv_li">
                                                <div class="mv_box">
                                                    <div class="mv_box_a">
                                                        <a class="mv_img">
                                                            <img src="./images/index_ (184).jpg" alt="">
                                                            <i class="mod_cover_mask"></i>
                                                            <i class="mod_cover_icon_play"></i>
                                                        </a>
                                                    </div>
                                                    <h3 class="mv_h3"><a href="">奇遇乐章: 迪士尼动画挚爱组曲</a></h3>
                                                    <p class="mv_p"><a href="">周深</a></p>
                                                    <div class="mv_info">
                                                        <span class="listen"><i
                                                                class="iconfont icon-guankanzhibo mv_i"></i>22.8万</span>
                                                    </div>
                                                </div>
                                            </li>

                                            <li class="mv_li">
                                                <div class="mv_box">
                                                    <div class="mv_box_a">
                                                        <a class="mv_img">
                                                            <img src="./images/index_ (182).jpg" alt="">
                                                            <i class="mod_cover_mask"></i>
                                                            <i class="mod_cover_icon_play"></i>
                                                        </a>
                                                    </div>
                                                    <h3 class="mv_h3"><a href="">【张远X王者荣耀】《此身》官方MV</a></h3>
                                                    <p class="mv_p"><a href="">张远</a>/<a>王者荣耀</a></p>
                                                    <div class="mv_info">
                                                        <span class="listen"><i
                                                                class="iconfont icon-guankanzhibo mv_i"></i>5.7万</span>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="mv_li">
                                                <div class="mv_box">
                                                    <div class="mv_box_a">
                                                        <a class="mv_img">
                                                            <img src="./images/index_ (179).jpg" alt="">
                                                            <i class="mod_cover_mask"></i>
                                                            <i class="mod_cover_icon_play"></i>
                                                        </a>
                                                    </div>
                                                    <h3 class="mv_h3"><a href="">风吹半夏</a></h3>
                                                    <p class="mv_p"><a href="">毛不易</a></p>
                                                    <div class="mv_info">
                                                        <span class="listen"><i
                                                                class="iconfont icon-guankanzhibo mv_i"></i>22.8万</span>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="mv_li">
                                                <div class="mv_box">
                                                    <div class="mv_box_a">
                                                        <a class="mv_img">
                                                            <img src="./images/index_ (177).jpg" alt="">
                                                            <i class="mod_cover_icon_play"></i>
                                                            <i class="mod_cover_mask"></i>
                                                        </a>
                                                    </div>
                                                    <h3 class="mv_h3"><a href="">奇遇乐章: 迪士尼动画挚爱组曲</a></h3>
                                                    <p class="mv_p"><a href="">周深</a></p>
                                                    <div class="mv_info">
                                                        <span class="listen"><i
                                                                class="iconfont icon-guankanzhibo mv_i"></i>22.8万</span>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="mv_li">
                                                <div class="mv_box">
                                                    <div class="mv_box_a">
                                                        <a class="mv_img">
                                                            <img src="./images/index_ (175).jpg" alt="">
                                                            <i class="mod_cover_mask"></i>
                                                            <i class="mod_cover_icon_play"></i>
                                                        </a>
                                                    </div>
                                                    <h3 class="mv_h3"><a href="">奇遇乐章: 迪士尼动画挚爱组曲</a></h3>
                                                    <p class="mv_p"><a href="">周深</a></p>
                                                    <div class="mv_info">
                                                        <span class="listen"><i
                                                                class="iconfont icon-guankanzhibo mv_i"></i>22.8万</span>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="mv_li">
                                                <div class="mv_box">
                                                    <div class="mv_box_a">
                                                        <a class="mv_img">
                                                            <img src="./images/index_ (173).jpg" alt="">
                                                            <i class="mod_cover_mask"></i>
                                                            <i class="mod_cover_icon_play"></i>
                                                        </a>
                                                    </div>
                                                    <h3 class="mv_h3"><a href="">奇遇乐章: 迪士尼动画挚爱组曲</a></h3>
                                                    <p class="mv_p"><a href="">周深</a></p>
                                                    <div class="mv_info">
                                                        <span class="listen"><i
                                                                class="iconfont icon-guankanzhibo mv_i"></i>22.8万</span>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="mv_li">
                                                <div class="mv_box">
                                                    <div class="mv_box_a">
                                                        <a class="mv_img">
                                                            <img src="./images/index_ (171).jpg" alt="">
                                                            <i class="mod_cover_mask"></i>
                                                            <i class="mod_cover_icon_play"></i>
                                                        </a>
                                                    </div>
                                                    <h3 class="mv_h3"><a href="">奇遇乐章: 迪士尼动画挚爱组曲</a></h3>
                                                    <p class="mv_p"><a href="">周深</a></p>
                                                    <div class="mv_info">
                                                        <span class="listen"><i
                                                                class="iconfont icon-guankanzhibo mv_i"></i>22.8万</span>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="mv_li">
                                                <div class="mv_box">
                                                    <div class="mv_box_a">
                                                        <a class="mv_img">
                                                            <img src="./images/index_ (169).jpg" alt="">
                                                            <i class="mod_cover_mask"></i>
                                                            <i class="mod_cover_icon_play"></i>
                                                        </a>
                                                    </div>
                                                    <h3 class="mv_h3"><a href="">奇遇乐章: 迪士尼动画挚爱组曲</a></h3>
                                                    <p class="mv_p"><a href="">周深</a></p>
                                                    <div class="mv_info">
                                                        <span class="listen"><i
                                                                class="iconfont icon-guankanzhibo mv_i"></i>22.8万</span>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="mv_li">
                                                <div class="mv_box">
                                                    <div class="mv_box_a">
                                                        <a class="mv_img">
                                                            <img src="./images/index_ (167).jpg" alt="">
                                                            <i class="mod_cover_mask"></i>
                                                            <i class="mod_cover_icon_play"></i>
                                                        </a>
                                                    </div>
                                                    <h3 class="mv_h3"><a href="">奇遇乐章: 迪士尼动画挚爱组曲</a></h3>
                                                    <p class="mv_p"><a href="">周深</a></p>
                                                    <div class="mv_info">
                                                        <span class="listen"><i
                                                                class="iconfont icon-guankanzhibo mv_i"></i>22.8万</span>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="mv_li">
                                                <div class="mv_box">
                                                    <div class="mv_box_a">
                                                        <a class="mv_img">
                                                            <img src="./images/index_ (166).jpg" alt="">
                                                            <i class="mod_cover_mask"></i>
                                                            <i class="mod_cover_icon_play"></i>
                                                        </a>
                                                    </div>
                                                    <h3 class="mv_h3"><a href="">奇遇乐章: 迪士尼动画挚爱组曲</a></h3>
                                                    <p class="mv_p"><a href="">周深</a></p>
                                                    <div class="mv_info">
                                                        <span class="listen"><i
                                                                class="iconfont icon-guankanzhibo mv_i"></i>22.8万</span>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-button-next" id="fr"></div>
                    <div class="swiper-button-prev" id="fl"></div>
                    <div class="swiper-pagination" id="pag"></div>
                </div>
            </div>
            <!-- Mv结束 -->

            <!-- Swiper JS -->
            <script>
                var swiper = new Swiper(".mySwiper", {
                    slidesPerView: 1,
                    spaceBetween: 30,
                    loop: true,
                    pagination: {
                        el: ".swiper-pagination",
                        clickable: true,
                    },
                    navigation: {
                        nextEl: ".swiper-button-next",
                        prevEl: ".swiper-button-prev",
                    },
                });
            </script>
        </div>
        <!-- 底部 -->
        <footer class="footer">
            <div class="width">
                <div class="footer_info">
                    <!-- 下载模块 -->
                    <div class="footer_download">
                        <h3 class="footer_title">下载QQ音乐客户端</h3>
                        <ul class="footer_download_list">
                            <li>
                                <a href="#">
                                    <i class="icon_pc"></i>
                                    pc版
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="icon_mac"></i>
                                    Mac版
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="icon_android"></i>
                                    Android版
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="icon_iphone"></i>
                                    iphone版
                                </a>
                            </li>
                        </ul>
                    </div>
                    <!-- 特色产品 -->
                    <div class="footer_product">
                        <h3 class="footer_title">特色产品</h3>
                        <ul class="footer_product_list clearflex">
                            <li>
                                <a href="#">
                                    <i class="icon_kg"></i>
                                    全民k歌
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="icon_yx"></i>
                                    银河音效
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="icon_play"></i>
                                    Qplay
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="icon_banlv"></i>
                                    Fan直播伴侣
                                </a>
                            </li>
                            <li><a href="#">车载互联</a></li>
                            <li><a href="#">QQ演出</a></li>
                        </ul>
                    </div>
                    <!-- 合作链接 -->
                    <div class="footer_link clearflex">
                        <h3 class="footer_title">合作链接</h3>
                        <ul>
                            <li>CJ ENM</li>
                            <li>最新版qq</li>
                            <li>qq浏览器</li>
                            <li>企鹅Fm</li>
                            <li>酷我音乐</li>
                            <li>腾讯视频</li>
                            <li>腾讯社交公告</li>
                            <li>腾讯微云</li>
                            <li>只能电视网</li>
                            <li>酷狗听书</li>
                            <li>手机qq空间</li>
                            <li>电脑管家</li>
                            <li>腾讯云</li>
                            <li>当贝市场</li>
                        </ul>
                    </div>
                    <!-- 合作链接完 -->
                    <!-- 开放平台 -->
                    <div class="footer_platform clearflex">
                        <h3 class="footer_title">开放平台</h3>
                        <ul>
                            <li>
                                <a href="#">QQ音乐开放平台</a>
                            </li>
                            <li>
                                <a href="#">腾讯音乐人</a>
                            </li>
                            <li>
                                <a href="#">音乐堆</a>
                            </li>
                        </ul>
                    </div>
                    <!-- 开放平台完 -->
                    <!-- TME集团官网 -->
                    <div class="footer_group">
                        <h3 class="footer_title">TME集团官网</h3>
                        <ul>
                            <li>
                                <a href="#">腾讯音乐</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 底部 -->
                <div class="footer_copyright">
                    <p>
                        <a href="#">关于腾讯</a>|
                        <a href="#">About Tencent</a>|
                        <a href="#">服务条款</a>|
                        <a href="#">用户服务协议</a>|
                        <a href="#">隐私政策</a>|
                        <a href="#">权利声明</a>|
                        <a href="#">广告服务</a>|
                        <a href="#">腾讯招聘</a>|
                        <a href="#">客服中心</a>|
                        <a href="#">网站导航</a>|
                        <a href="#">举报中心</a>|
                    </p>
                    <p>
                        Copyright © 1998 - 2022 Tencent. All Rights Reserved.
                    </p>
                    <p><a href="#">腾讯公司版权所有</a> ｜<a href="#">营业执照</a> ｜ <a href="#">网络文化经营许可证：粤网文[2020]3396-195号</a>
                        ｜<a href="#">客服电话：4006016666</a> ｜<a href="#">违法与不良信息举报邮箱：tme_musicjubao@tencentmusic.com</a>
                    </p>
                </div>
                <div class="gd">
                    <ul>
                        <li><a href="#" class="iconfont icon-shangjiantou"></a></li>
                        <li><a href="#">举报</a></li>
                        <li><a href="#">反馈</a></li>
                        <li><a href="#" class="iconfont icon-65zanting"></a></li>
                    </ul>
                </div>
            </div>
        </footer>
    </div>
    <!-- app完 -->
    <!-- 登录注册js -->
    <script src="./js/login.js"></script>
    <script src="./js/index.js"></script>
    <!-- <script src="./js/vipopen.js"></script> -->
</body>

</html>